@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#333;	margin:0px auto; font-family:Microsoft YaHei; font-size:14px; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited { color:#999;}
a:focus { outline:none; }
a:hover{ color:#0F66CD; outline:none; }
a:active{ color:#0F66CD; outline:none; }

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{width:100%;line-height: normal;}
textarea{color: #000000;background-color: #fff;width:100%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin:  0;}
dd {margin: 0 0 0 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}
/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}



/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }


/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666;  text-shadow: 0 1px 1px white;}
/*默认样式*/
.btn {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -o-linear-gradient(top, #00b5e5, #008db2);  background: linear-gradient(top, #00b5e5, #008db2);
  background-color: #00a1cb;border-color: #007998;  color: white;  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}
.btn:hover { color:white;  background-color: #00a1cb;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00c9fe, #008db2);  background: -moz-linear-gradient(top, #00c9fe, #008db2);
  background: -o-linear-gradient(top, #00c9fe, #008db2);  background: linear-gradient(top, #00c9fe, #008db2);}
.btn:active {background: #1495b7;  color: #005065;}

/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}

/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; clip: rect; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/

/*频道*/
.ChannelContent, .ChannelContent p{ line-height:1.8em}
.ChannelContent a{color: #333}
.ChannelSContent{}
.ChannelSContent img, .InfoContent img{ max-width:100% }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle;   color:#900; padding:5px 0px}
.InfoTitle h1{ font-size:16px; line-height: 1.5em; }
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:1.8em; padding:10px 0;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:1px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}

.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; line-height:1.8em}
/*==========@@元件 结束@@==========*/


/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/

/*样式1*/
.left_title1{ height:39px; line-height:39px; }
.left_title1 h2 { text-indent:1em; font-size:14px; color:#000;  }
.left_body1 {  overflow:hidden; zoom:1; color:#000; border:5px solid ;  border-bottom:0; border-top:0;padding: 5px}

.left_bottom1 { height:15px;  background:url(../images/left_bottom1.jpg) no-repeat; margin-bottom:5px;}

/*样式2*/
.left_title2 { height:39px; line-height:39px;  }
.left_title2 h2 { text-indent:1em; font-size:14px; color:#000; }
.left_body2 { overflow:hidden; zoom:1; color:#000;  padding:0 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom2 { height:15px;  ; margin-bottom:5px;}


/*主体左侧样式*/
.left_title4 { width:100%;height:30px; line-height:30px;  }
.left_title4 h2 { text-indent:1em; font-size:14px; color:#fff; }
.left_title4 h2 a { font-size:14px; color:#C7231D; }
.left_body4 { overflow:hidden; zoom:1; color:#000; border:5px solid #eaeaea; padding:5px 5px 0px 5px; border-bottom:0; border-top:0}
.left_bottom4 { height:15px; background:url(../images/left_bottom.jpg) no-repeat; margin-bottom:5px;}

#left_dianhua{background: url(../images/Teln.gif) no-repeat scroll 0 18px transparent;color: #666666;line-height: 20px;padding: 10px 0 10px 55px;}
#left_dianhua span {display: block;font: 18px "Impact";color: #E20014;}
/*主体右侧*/
/*样式1*/
.right_title { background:url(../images/zhu.png) no-repeat left center;background-size:24px 24px; height:39px; line-height:39px;border-bottom: 2px solid #dadbd6}
.right_title h2 { font-size:15px; font-weight:bold; padding-left:30px; color:#626262; }
.right_body { padding:5px; overflow:hidden; zoom:1; ; border-top:0; border-bottom:0 }
.right_bottom {height: 5px;  line-height:5; background:#B7E6FA; overflow:hidden; font-size:0px; margin-bottom:5px;}
/*样式2*/
.right_title1 { background: url(../images/right_title1.jpg) repeat-x 0 0; height:39px; line-height:39px;  }
.right_title1 h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.right_body1 { padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
.right_bottom1 { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}
/*==========@@模块  结束@@==========*/


/*==========@@频道布局 开始@@==========*/
/*===公共 开始===*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{overflow-x: hidden;}
.index_box, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:5px auto; }
#left { float:left; width:220px; }
#right { float:right; width:960px; border-left:0px solid #E5E5E5; padding-left:0px; }
/*===公共 结束===*/
#left1{width: 100%;float: left;padding: 40px 0}
#left1 ul{text-align: center;}
#left1 ul li{display: inline-block;}
#left1 ul li span{padding: 0 10px;color: #999}
#left1 ul li,#left1 ul li a{font-size: 18px;color: #999;font-weight: 700;}
#left1 ul li#current a,#left1 ul li a:hover{color: #000}
/*===首页 开始===*/
.index .ChannelContent{color:#626262;  line-height:25px; height:200px; ; padding:5px; overflow:hidden; margin-bottom:10px;}
.index .ChannelContent a{ color: #ff9d02}
#index_1 { float:left; width:740px; border-left:0px solid #E5E5E5; padding-left:0px; }
#index_2 { float:right; width:250px; }
/*===首页 结束===*/



/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden; padding:5px 0px;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}

.guestbook_table li{float: left;width: 33%;margin-bottom: 15px}
.guestbook_table li input{width: 95%;height: 40px;line-height: 40px;border: 1px solid #D9D9D9;border-radius: 4px;text-indent: 10px}
.guestbook_table li textarea{width: 100%;height: 160px;padding: 15px 12px;border: 1px solid #D9D9D9;color: #666666;border-radius: 4px;}
.guestbook_table li input[type="radio"]{width: auto;height: 20px;line-height: 20px;position: relative;top:0;}
.guestbook_table li span{height: 20px;line-height: 20px;position: relative;top:-5px;padding:0 5px;}
.guestbook_table li.gust_li_MessageContent{width: 95%}
.guestbook_table li.gust_yanz{width: 100%}
.guestbook_table li.gust_yanz input{width: 200px}
#code{height: 34px}
.guestbook_table li.gust_tijiao{width: 200px;}
.guestbook_table li.gust_tijiao input{width: 100%;color: #fff;font-size: 16px}
/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ height:40px;  line-height:40px; font-size:24px; color:#5d5d5d; font-weight:500;width: 100%;float: left;padding: 40px 0 20px}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈模型 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈模型 结束===*/



/*==========@@通用列表 开始@@==========*/
.textlist_x li {  padding: 11px 0;border-bottom: 1px solid #eaeaea; width:100%; overflow:hidden;}
.textlist_x li .time_wrap{float:left;width:81px;overflow:hidden;height:90px;color: #333}
.textlist_x li .time_wrap .day{font-size: 44px;line-height: 46px;display:block;text-align:center;padding-top: 10px;}
.textlist_x li .time_wrap .year{font-size: 14px;line-height: 20px;display:block;text-align:center;}
.textlist_x li .info_wrap{float:left;width: 88%;margin-left:30px;overflow:hidden;}
.textlist_x li .info_wrap .InfoTitle{font-size: 17px;margin:2px 0;padding:4px 0;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333; }
.textlist_x li .info_wrap .InfoContent{display:block; font-size:13px;padding:0;color:#565656;width:100%;line-height: 24px;}
.textlist_x li .info_wrap .InfoTime{color: #333;padding-right: 15px;}
.textlist_x li .info_wrap .InfoHit{color: #333;}
.textlist_x li:hover .InfoTitle  {  font-weight: }
.textlist_x li:hover .time_wrap{ background: #333;color: #fff;}
.textlist_x li:hover {}
/*文字列表*/
.textlist{ }
.textlist li { line-height:26px; min-height:26px;text-indent:8px;  overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a{font-size: 14px;color: #000}
.textlist li p{color: #777;text-indent:2em;}

.textlist1{}
.textlist1 li{width:50%;line-height:26px;height:26px; overflow:hidden;float: left;white-space: nowrap;text-overflow: ellipsis;}
/*带缩略图文字列表*/
.thumblist{}
.thumblist li {line-height:2em;overflow:hidden;width:100%; margin-bottom:5px;}
.thumblist li img{ float:left; width:180px; margin-right:8px; border:1px solid #999999; }
.thumblist li a:hover img { border:1px solid #034b9f; }
.thumblist li .InfoTitle{color:#000000;}
.thumblist li p{ text-indent:2em; height:10em; overflow:hidden;}

/*橱窗列表*/
.gridlist{ }
.gridlist li{margin:0px 6px;width: 172px;float: left;position: relative;height:197px;}
.gridlist li #gridlist_kuang{ float:left; text-align:center; width:167px;  overflow:hidden; display:inline /*解决ie6 双边距bug*/;}

.gridlist li img { border:1px solid #999999; width:165px; height:165px;}
.gridlist li a { white-space:nowrap; }
.gridlist li a:hover img { border:1px solid #034b9f; }

#gridlist_img{float: left;width:100%;height:167px;}
#gridlist_title{float: left;text-align:center;line-height: 30px;height: 30px;width: 100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.gridlist li #lanmumingzi{position: absolute;top:4px;right: 0;padding:0 10px;line-height: 24px;}
.gridlist li #lanmumingzi a{color: #fff}
/*视频列表*/
.videolist{ }
.videolist li { width:347px; float:left; padding:0px 6px; text-align:center; overflow:hidden;display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.videolist li img { border:1px solid #999999; width:345px; height:165px;}
.videolist li a { white-space:nowrap; line-height:28px;}
/*==========@@通用列表  结束@@==========*/


#floor_8_main{ padding-top:30px; padding-bottom:30px; overflow:hidden;}
#floor_8{ margin-top: 30px}
/*橱窗列表1*/
.gridlist1{ overflow:hidden;}
.gridlist1 li { position:relative; float:left; width:210px; text-align:center; margin:0px 10px;overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist1 li .InfoContent{ height:2em; overflow:hidden; font-size:12px; font-weight:normal; line-height:18px; white-space:pre-line;}
.gridlist1 li a#img_kuang{display: block;width:204px;height: 204px;overflow: hidden; border:2px solid #fff;float: left;text-align: center; }
.gridlist1 li img { width:200px; }
.gridlist1 li #img_kuang:hover{ border:2px solid #d70007;}
.gridlist1 li a#a_title { white-space:nowrap; line-height:32px;height:32px;width: 100%;text-align: center;display: block;float: left;}




/*======首页======*/
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot'); /* IE9*/
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:26px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;color: #F00}
/*全局色调*/

.hv{height: 10px;}
#content_k{width: 100%;float: left;}
#content{width: 1200px;margin: 0 auto}
#abcontent{width: 100%;float: left;margin: 0 0 100px}
.ying{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/*======头部======*/
.w{width: 1200px;margin: 0 auto;}

/*浮动*/
.clear { display:block; clear:both;  overflow:hidden; }
.hv1 { display:block; clear:both; height:10px; overflow:hidden; line-height:3px; }
.hv2 { display:block; clear:both; height:20px; overflow:hidden; line-height:3px; }
.hv3 { display:block; clear:both; height:30px; overflow:hidden; line-height:3px; }
.hv4 { display:block; clear:both; height:40px; overflow:hidden; line-height:3px; }
.hv5 { display:block; clear:both; height:50px; overflow:hidden; line-height:3px; }
.hv6 { display:block; clear:both; height:60px; overflow:hidden; line-height:3px; }
.hv7 { display:block; clear:both; height:70px; overflow:hidden; line-height:3px; }
.hv8 { display:block; clear:both; height:80px; overflow:hidden; line-height:3px; }
.hv9 { display:block; clear:both; height:90px; overflow:hidden; line-height:3px; }
.hv10 { display:block; clear:both; height:100px; overflow:hidden; line-height:3px; }


.fl{float: left;}
.fr{float: right;}


  /* 顶部 */
  .top1{width: 100%;height: 40px;background: #f5f5f5;border-bottom: 1px solid #ccc;}  
  .top1 dt{line-height: 40px;width: 400px;}  
  .top1 dd{line-height: 40px;width: 800px;text-align: right}  
  .top1 dd img{vertical-align: middle;}  
  .top1 dd span{display: inline-block;padding:0 5px;}  
  .top1 dl a{font-size: 14px;color: #000;}  
  .top1 dl{font-size: 14px;color: #000;}  

/*Logo*/
#logo_main {width: 100%; float: left;}
#logo { position: relative;width:1200px;  margin:0 auto; z-index: 10000;height: 100px}
#logo .WebLogo{ float:left;margin-top: 27px;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

#logo #dianhua{position: absolute;right: 0;top:20px;height: 100px;font-size: 18px}
#logo #dianhua font{color: red;font-size: 24px}
/*导航*/
#navigation_main { background:#fff; position:absolute;z-index:10000; width: 100%; 
  right: 0;width: 880px;top: 20px;}
#navigation { height:60px; width:880px;  margin:0 auto; overflow:hidden; }
#navigation ul.navigationlist li { float:left; line-height:60px; text-align:center; width: 125px ;}
#navigation ul.navigationlist li a { display:block;font-size:16px;color:#000;}
#navigation ul.navigationlist li a:hover { text-decoration:none; color:#; background:;  }
#navigation ul.navigationlist .current { color:#; background:; }
#navigation ul.navigationlist .current1{color:#;background: }
/*导航栏下拉*/
#navigation  ul.subnavigationlist,#navigation ul.subnavigationlist li ul.subnavigationlist1{display:none; 
  position:absolute; z-index:100;width: 125px;background: #ffffff;border-top: 3px solid #0550c1;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05)}
#navigation  ul.subnavigationlist li { position: relative;float:left; width: 100%;
  border-bottom: 1px solid rgba(0,0,0,0.10);text-align: center;text-indent: 0}
#navigation  ul.subnavigationlist li a { position: relative;display: block;padding: 10px 15px;line-height: 24px;font-weight: 400;font-size: 14px;text-transform: capitalize;color: #272727;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
#navigation  ul.subnavigationlist li a:hover { background:#3d3e3e; color:#fff; }
#navigation  ul.subnavigationlist li:hover .dropdown-btn{color: #ffffff;}

#navigation ul.subnavigationlist li ul.subnavigationlist1{top:0;left: 125px}

#subnavigationlist_li .dropdown-btn {position: absolute;right: 10px;top: 6px;width: 30px;height: 30px;text-align: center;color: #272727;line-height: 28px;background-size: 20px;cursor: pointer;z-index: 5;}

/*======banner======*/
#banner_main {position:relative; width: 100%; float: left;}
#banner { margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block; width:100%;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:absolute; bottom:25px; left:0; height:12px; line-height:12px; text-align:center;  }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:50%;background:#333; margin:0 5px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  width: 14px;height: 14px}



/*index*/
.index_buss{ width:1295px; margin:0px auto 100px; position:relative; height:304px;}
.index_buss #scroll{ width:1200px; height:331px; overflow:hidden; position:absolute; left:49px;}
.index_buss #scroll ul{ width:10000px;}
#zuo{ background:url(../images/right.png) left top no-repeat; width:37px; 
  height:70px; display:block; position:absolute; left:0; top:150px;}
#you{ background:url(../images/left.png) left top no-repeat; width:37px; 
  height:70px; display:block; position:absolute; right:0; top:150px;}
.index_line{ background:url(../images/line.jpg) center center no-repeat; height:51px; text-align:center; margin:90px 0 33px 0;}
.index_line span{ font-size:20px; display:block; color:#333; font-weight:600;}
.index_line em{ color:#b2b2b2;font-style: normal;}
.index_buss ul li{ width:277px; padding:3px; float:left; border:1px solid #e5e5e5; 
  margin-right:19px; height:219px;}
.index_buss ul li .img{ width:277px; height:175px; overflow:hidden;display: block;}
.index_buss ul li img{ width:277px;}
.index_buss ul li span{ width:277px; height:44px; line-height:44px; font-size:14px; color:#333; text-align:center; display:block;}
.index_buss ul li:hover span{ background:#0550c1; color:#fff;}
.index_buss ul li:hover{ border:1px solid #0550c1;}
.index_about{background:#0550c1; height:450px;  }
.index_about .about_left{ float:left; color:#fff; width:50%;}

.about_leftinner{ width:580px; float:right; margin-right:20px;}.about_left h3{ padding:60px 0 46px 0; text-align:center;}
.about_left h3 span{ font-size:20px; display:block;}
.about_left .jianjie{ font-size:14px; width:580px; height:140px; overflow:hidden; line-height:38px;}
.about_left .more{ font-size:18px;  padding:2px;  margin:50px auto 0; border:1px solid #fff; background:#0550c1; width:196px; height:36px;}
.about_left .more a{background:#fff; display:block; height:36px; line-height:36px; width:196px; text-align:center; display:block;color:#0550c1;}
.skill_inner{ width:1200px; margin:0 auto 43px;}
.skill_inner .jishu{ margin-left:-24px;}
.skill_inner dl{ float:left; margin-left:24px; width:585px; margin-bottom:54px;}
.skill_inner dt{ float:left; padding:2px; border:1px solid #e5e5e5; width:196px; height:126px; overflow:hidden; margin-right:17px;}
.skill_inner dt img{ width:196px; height:126px; overflow:hidden;}
.skill_inner dd{ width:365px; float:left;}
.skill_inner dd h3{ font-weight:normal; padding:15px 0 5px 0; border-bottom:1px solid #e5e5e5;}
.skill_inner dd h3 a{ color:#333; font-size:14px; display:block; width:365px; overflow:hidden; height:20px; margin-bottom:5px;}
.skill_inner dd h3 span{ color:#666;}
.skill_inner dd .js{ width:365px; height:36px; line-height:24px; color:#666; margin-top:6px;}
.skill_inner dl:hover dt{ border:1px solid #0550c1;}
.skill_inner dl:hover a{ color:#0550c1;}
/*about*/
.a_banner{ background:url(../images/a_banner.jpg) center top no-repeat; height:350px;}
.wrap{ width:1200px; margin:0 auto;}
.catalog{ margin-top:40px; background:url(../images/cata_line.jpg) 3.7px top no-repeat; height:38px;  }
.catalog a{ width:123px; display:block; line-height:36px; font-size:14px; color:#333; text-align:center;}
.catalog li{ float:left; margin-right:10px; width:123px;}
.catalog a:hover{ background:url(../images/cata.png) left top no-repeat; color:#fff;}
.catalog a.for{ background:url(../images/cata.png) left top no-repeat; color:#fff;}
.atricle{ padding:68px 15px 78px; font-size:14px; color:#666; line-height:30px;}





.index_about .about_right {
    background: rgba(0, 0, 0, 0) url("../images/about.jpg") no-repeat scroll right top;
    float: left;
    height: 450px;
    overflow: hidden;
    width: 50%;
}




#pro4{ width:1200px;margin: 0 auto; } 

.pro4_r_txt { width:1200px;margin: 0 auto; height: 5px; position: relative; } 
.pro4_r_txt span { position: absolute; right: 5px; top: 10px; } 
.pro4_r_txt ul { position: absolute; top: -40px; left: 0;text-align: center;width: 100%; } 
.pro4_r_txt li { display: inline-block; padding: 0 28px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; background: #f5f5f5; margin: 8px; } 
.pro4_r_txt li a { color: #000;font-size: 15px; } 
.pro4_r_txt li.on { background: #0550c1; } 
.pro4_r_txt li.on a{ color: #fff; } 
.pro3_r_con li{ width: 274px; height: 273px;position: relative; margin: 10px 9px; float: left;overflow: hidden;}
.pro3_r_con li div{ width: 274px; 
 overflow: hidden; } 
.pro3_r_con li img { width: 374px; height: 273px; transition: .3s all; } 
.pro3_r_con li span { position: absolute; bottom: 0;
 background: rgba(0,0,0,0.5); display: block; width: 100%; 
 height: 40px; text-align: center; line-height: 40px; } 
.pro3_r_con li span a { color: #fff; } 
.pro4_r li:hover img { transform: scale(1.2, 1.2); } 











/* 友情链接 */ 
#link_main { width: 100%; float: left; }
#link { padding:0; width: 1200px; margin: 0 auto; overflow:hidden;}
.link_title { ; height:60px; line-height:60px; float: left; margin-right: 20px}
.link_title h2 { font-size:16px; font-weight:bold;color:#626262;}
.link_body { overflow:hidden; zoom:1;  border-top:0; border-bottom:0}
.link_bottom { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; text-align:center; }
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC;}
.link_text { overflow: hidden; zoom:1; }
.link_text ul li { float:left; text-align:center;  overflow:hidden; white-space:nowrap;margin: 0 10px 0 0}
.link_text a { line-height:60px; font-size:16px; }

/* 版权信息 */
#copyright_main { color:#fff; background:#0550c1; width: 100%; float: left;;position: relative;}
#copyright {  width:1200px;  margin:0 auto; overflow:hidden;position: relative; }
#copyright ul{  width:1200px;  margin:0 auto;text-align: center;}
#copyright ul a{ display: inline-block;width: 150px;color: #fff;line-height: 60px;font-size: 16px;}

.bottom_navigation { float: left;width: 100%;float: left;padding: 30px 0px 30px;}
.bottom_navigation dl { float: left; width: 350px; }
.bottom_navigation dl a{ color: #fff; font-size: 16px;}
.bottom_navigation dl dt { color: #fff; font-size: 16px; font-weight: 700;
 line-height: 45px; height: 45px; overflow: hidden; border-bottom: 1px solid #fff; margin-bottom: 10px }
.bottom_navigation dl dd { color: #fff; font-size: 16px;line-height: 30px;  }
.bottom_navigation dl dd a { display: block; font-size: 14px; color: #ddd; padding-left: 10px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.bottom_navigation dl dd a:hover { color: #fff }
.bottom_navigation dl:last-child{width: 280px;float: right;margin-right: 0}
/*.bottom_navigation dl#dl_k3 dd{width: 100px;margin: 0;float: left;}*/
/**/
#esobao{width:;text-align: center
  ;float: right;}

/**/
.footer-bottom {width: 100%;float: left;position: relative;padding: 30px 0px;text-align: center;border-top: 1px solid rgba(255,255,255,0.20);}
.copyright a{color:#fff}

#chat_f{position:fixed;left:0;top:46%;width: 30px;height:170px;margin-top:-85px;z-index: 10000}
#chat_f div{padding:10px 0 10px 4px;z-index: 1000000;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;font-size: 16px;text-align: center;color: #fff;z-index: 100000;position: absolute;left: -4px;line-height: 25px;}
#chat_f img{width:158px;height:158px;border:4px solid #fff;position: absolute;left: -140px;top:0;border-radius: 4px;-webkit-border-radius: 4px;}

/*当前位置*/
#location_main {} 
#location {color:#999; float:right; padding-right:8px;}

.auto-container{position:static;max-width:1200px;padding:0px 15px;margin:0 auto;}

.page-title{position:relative;padding:110px 0px 0px;background-repeat:no-repeat;background-size:cover;background-position:center top;width: 100%;float: left;}
.page-title .auto-container{position:relative;}
.page-title:before{position:absolute;content:'';left:0px;top:0px;width:100%;height:100%;display:block;background-color:rgba(0,0,0,0.80);}
.page-title.shop-title:before{display:none;}
.page-title h1{position:relative;color:#ffffff;font-size:42px;font-weight:700;line-height:1.2em;margin-bottom:100px;text-transform:capitalize;}
.page-breadcrumb{position:relative;left:0px;bottom:0px;display:inline-block;padding:20px 50px 20px 60px;border-left-width:4px;border-left-style:solid;background-color:rgba(255,255,255,0.10);color:#fff;}
.page-breadcrumb a{margin-right:6px;padding-right:0;color:#fff;font-size:16px;font-weight:400;}
.page-breadcrumb a:first-child:after{display:none; }
.page-breadcrumb a:first-child{color:#ffffff;padding-right:0px;}
.page-breadcrumb a:last-child::after{display:none;}
.page-breadcrumb a:last-child{color:#ffffff;padding-right:0px;margin-right:0px;}
.page-breadcrumb li a{}

.page-breadcrumb li a:hover{color:#fff;}

/*搜索*/
.search{width: 100%;float: left;margin: 0 0 10px 0}
.search_top{width: 100%;float: left;line-height: 40px}
.search_body{}
.guanjianci{width: 70%;float: left;padding: 0;margin: 0;line-height: 32px;}
.tijiao{width: 26%;float: right;line-height: 32px;padding: 0;margin: 0;color: #fff}

/*左侧栏目*/
#nei_lan{width: 100%;float: left;}
.nei_lan_top { height:43px; line-height:43px;border-top-left-radius:8px;border-top-right-radius:8px;}
.nei_lan_top h2 { text-indent:1em; font-size:14px; color:#fff; }
.nei_lan_top h2 a { font-size:14px; color:#fff; }
.nei_lan_body { overflow:hidden; zoom:1; color:#000; border:5px solid ;  border-bottom:0; border-top:0;padding: 10px 0}
.nei_lan_bottom { height:15px; margin-bottom:5px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}

/*子频道列表*/
.subchannellist { }
.subchannellist li { width: 181px;margin: 0 auto 10px;}
.subchannellist li a { display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 181px;height: 36px;background: url(../images/pro_t1.jpg) no-repeat center center;line-height: 30px;text-indent: 35px;font-size: 14px;font-weight: bold;}
.subchannellist li a:hover {  color:red; text-decoration:none; }
.subchannellist #current a {  font-weight:bold; color:red; }
.subchannellist .depth1{ font-size:12px; font-weight:bold;}
.subchannellist .depth2{ font-size:12px; text-indent:1.5em;}
.subchannellist .depth3{ font-size:12px; text-indent:3em}
.subchannellist .depth4{ font-size:12px; text-indent:4.5em}
.subchannellist .depth5{ font-size:12px; text-indent:6em}
.subchannellist .depth6{ font-size:12px; text-indent:7.5em}

/*左侧联系我们*/
#left_contact{width: 100%;float: left;}
.left_contact_title { height:43px; line-height:43px;border-top-left-radius:8px;border-top-right-radius:8px;}
.left_contact_title h2 { text-indent:1em; font-size:14px; color:#fff; }
.left_contact_title h2 a { font-size:14px; color:#fff; }
.left_contact_body { overflow:hidden; zoom:1; color:#000; border:5px solid ;  border-bottom:0; border-top:0;padding: 5px}
.left_contact_bottom { height:15px; margin-bottom:5px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
#contact_wrap1{padding: 0 5px}

/*job列表*/
.job_aniu{color: #fff;width: 100px;height: 36px;line-height: 36px;text-align: center;display: block;margin: 0 auto;padding: 0}
.job_aniu:hover{color: #fff;}

/**/
#topcontrol{padding: 10px;border-radius: 50%;-webkit-border-radius: 50%;border: 3px solid #eeeeee;width: 15px;height: 15px;text-align: center;position: fixed; bottom: 150px; right: 20px; opacity: 1; cursor: pointer;}
#topcontrol img{width: 15px;position: relative;top:0;}



/*分页样式*/

.page {position: relative;text-align: center;width: 100%;float: left;margin: 80px 0 0}
.page:before {position: absolute;content: '';left: 0px;margin-top: 25px;width: 100%;height: 1px;background-color: #dddddd;}
.styled-pagination {position: relative;display: inline-block;padding: 0px 10px;background-color: #ffffff;}
.text-center {text-align: center;}
.page a, .page span{margin: 0px 6px 0px 0px;position: relative;display: inline-block;line-height: 48px;height: 50px;font-size: 18px;min-width: 40px;padding-left: 5px;padding-right: 5px;color: #3d3e3e;font-weight: 400;text-align: center;background: #ffffff;border: 1px solid #dddddd;text-transform: capitalize;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;font-family: '微软雅黑','Volkhov', serif;}
.page span,.page a,.page .pagedown,.page .pageend{color: #ffffff;border-color: #3d3e3e;background-color: #3d3e3e;}
.page .pageinfo{padding: 0 15px}
.page .pagefirst,.page .pageup,.page .pagedown,.page .pageend{padding: 0 10px}

.page .pagenum{background: #ffffff;border: 1px solid #dddddd;color: #3d3e3e;}
.page-num-current{}
/*产品列表*/
.gallery-item.mix{display:none;}
.gallery-item{position:relative;margin-bottom:50px;float: left;padding-right: 15px;padding-left: 15px;    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gallery-item .inner-box{position:relative;}
.gallery-item .inner-box .image{position:relative;overflow:hidden;}
.gallery-item .inner-box .image .overlay-box{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;color:#ffffff;text-align:center;
  background:rgba(0,0,0,0.80);
-webkit-transition:all 700ms ease;-ms-transition:all 700ms ease;-o-transition:all 700ms ease;transition:all 700ms ease;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}

.gallery-item .inner-box:hover .overlay-box{opacity:1;-webkit-transform:translate(0%);-ms-transform:translate(0%);-o-transform:translate(0%);-moz-transform:translate(0%);transform:translate(0%);}

.gallery-item .inner-box .image .overlay-box .overlay-inner{position:absolute;left:0px;top:0px;width:100%;height:100%;display:table;vertical-align:middle;padding:10px 0px;}

.gallery-item .inner-box .image .overlay-box .overlay-inner .content{position:relative;display:table-cell;vertical-align:middle;}
.gallery-item .inner-box .image .overlay-box .overlay-inner .link{position:relative;width:80px;height:80px;line-height:80px;border-radius:50%;margin:0px 5px;font-weight:400;display:inline-block;background-color:#ffffff;transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;}
.gallery-item .inner-box .image .overlay-box .overlay-inner .iconfont{font-size:30px;}
.gallery-item .inner-box .image .overlay-box .overlay-inner .link .icon{position:relative;}
.gallery-item .inner-box .image .overlay-box .overlay-inner .link:hover{color:#666666;background-color:rgba(255,255,255,1);}
.gallery-item .inner-box .image img{width:100%;display:block;height: 100%}
.gallery-item .inner-box .lower-box{position:relative;padding-top:30px;}
.gallery-item .inner-box .lower-box h3{position:relative;color:#3d3e3e;font-size:20px;font-weight:600;margin-bottom:2px;}
.gallery-item .inner-box .lower-box h3 a{position:relative;color:#3d3e3e;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}

.gallery-item .inner-box .lower-box .title{position:relative;color:#3d3e3e;font-size:14px;}
.gallery-page-section .styled-pagination{margin-top:10px;}
.col-lg-4 {width: 33.33333333%;}
/*
.image1s{width: 370px;height: 370px;overflow: hidden;;position: relative;}*/


.new-posts{position:relative;padding:20px 0px;margin-top:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;width: 100%;float: left;}
.new-posts a{position:relative;color:#3d3e3e;font-size:16px;font-weight:700;transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;-moz-transition:all 500ms ease;font-family:'微软雅黑','Volkhov', serif;}


.new-posts .grid-view{ position:absolute;left:50%;top:19px;font-size:26px;line-height:1em;color:#3d3e3e;margin-left:-10px;}
.related-news{ position:relative; margin-top:60px;}
.pull-left {float: left!important;}
.pull-right {float: right!important;}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.sn_title{text-align: center;}
.sn_title h1{line-height: 1.6em;font-size: 36px;font-weight: normal;}
.sn_title p{line-height: 40px}
#cont_img{width: 100%;float: left;text-align: center;}
.tag{width: 100%;float: left;margin: 20px 0}



.product-in a {display: block;width: 32%;position: relative;border: 1px solid #d3d3d3;margin-right: 1.66666667%;margin-bottom: 1.91666667%;float: left;} 
.product-in a .product-img {width: 78.59649123%;position: relative;margin: 0 auto;overflow: hidden;}  
.product-in a .product-img:after {position: relative;content: "";display: block;width: 100%;padding-bottom: 97%;}   
.product-in a .product-img img {-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.product-in a .product-wen {width: 78.59649123%;position: relative;margin: 0 auto;}
.product-in a .product-wen em {font-size: 17px;color: #2b2b2b;display: block;height: 22px;line-height: 22px;overflow: hidden;font-style: normal;margin-top: 8px}
.product-in a .product-wen p {font-size: 12px;color: #2b2b2b;display: block;height: 40px;line-height: 20px;font-family: "微软雅黑", serif;margin-top: 6px;overflow: hidden;}
.product-in a .product-wen i {font-size: 13px;color: #ffffff;display: block;line-height: 26px;width: 93px;height: 26px;margin-top: 15px;text-align: center;margin-bottom: 23px;font-style: normal;}
.product-in a.product-a{margin-right: 0;float: right;}
    /*图片居中*/
.vcenter {position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;max-height: 100%;display: block;vertical-align: middle;margin: auto;}

#gun_xinwen{height:;width:100%;;float:left;position: relative;display: none}
#gun_xinwen ul{width: 1200px;margin: 0 auto}
#suiji{display: none}